<template>
    <div></div>
</template>

<script>
    export default{

    }
</script>

<style scoped>
    div{
        width: 400px;
        height: 120px;
        background: linear-gradient(
            135deg,
            hsl(170deg,80%,70%),
            hsl(190deg,80%,70%),
            hsl(250deg,80%,70%),
            hsl(320deg,80%,70%)
        );
        background-size: 200% 200%;
        animation: bg 3s linear infinite;
    }
    @keyframes bg{
        0%{
            background-position: 0% 0%;
        }
        100%{
            background-position:100% 100%;
        }
    }
</style>
